<extend name="Common/block"/>
<block name="body">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-lg6">
            <div class="layui-card">
                <div class="layui-card-header">
                    服务器信息
                </div>
                <div class="layui-card-body">
                    <table class="layui-table">
                        <tbody>
                        <tr>
                            <th width="30%">服务器软件</th>
                            <td><span id="lbServerName">{$Think.SERVER.SERVER_SOFTWARE}</span></td>
                        </tr>
                        <tr>
                            <td>服务器IP地址</td>
                            <td>{$Think.SERVER.HTTP_HOST}</td>
                        </tr>
                        <tr>
                            <td>服务器域名</td>
                            <td>{$Think.SERVER.SERVER_NAME}</td>
                        </tr>
                        <tr>
                            <td>服务器端口</td>
                            <td>{$Think.SERVER.SERVER_PORT}</td>
                        </tr>
                        <tr>
                            <td>本文件所在文件夹</td>
                            <td>{$Think.const.__DIR__}</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="layui-col-lg6">
            <div class="layui-card">
                <div class="layui-card-header">更新日志</div>
                <div class="layui-card-body">
                    <ul class="layui-timeline">

                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">2018 12 19</h3>
                                <p>
                                    设计list模版，事件分离，工具条分离，弹窗监听优化。新增元素唤醒。
                                </p>
                            </div>
                        </li>

                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">2018 12 17</h3>
                                <p>
                                    左侧无限级树菜单，模版级别的递归循环。
                                </p>
                            </div>
                        </li>

                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">2018 12 11</h3>
                                <p>
                                    修复后台内容框架的高度计算，增加偏移计算
                                </p>
                            </div>
                        </li>

                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">2018 12 10</h3>
                                <p>
                                    页面功能：登录、后台菜单枚举；
                                </p>
                            </div>
                        </li>

                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">2018 12 08</h3>
                                <p>
                                    用户模型：session登录、cookie登录；用户的本地&服务器会话验证；
                                </p>
                            </div>
                        </li>

                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">2018 12 07</h3>
                                <p>
                                    登录页模版；完成常用事件元素监听；工厂模式的权限验证AuthBehavior，含扩展逻辑权限验证类AuthCheckLogic；
                                </p>
                            </div>
                        </li>

                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">2018 12 06</h3>
                                <p>
                                    后台iframe模版完成：选项卡版框架模版，实现选项卡自适应左右切换。
                                </p>
                            </div>
                        </li>

                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">过去</div>
                                <p>
                                    计划
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</block>